<%--&lt;%&ndash;--%>
<%--  Created by IntelliJ IDEA.--%>
<%--  User: lenovo--%>
<%--  Date: 2024/6/5--%>
<%--  Time: 14:02--%>
<%--  To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>Title</title>--%>
<%--    <style>--%>
<%--        #content{--%>
<%--            width: 1150px;--%>
<%--            height: 800px;--%>
<%--            float: right;--%>
<%--            margin-right: 40px;--%>
<%--            color: grey;--%>
<%--            font-size: 50px;--%>
<%--        }--%>
<%--    </style>--%>
<%--</head>--%>
<%--<body>--%>
<%--<div id="content">--%>
<%--   欢迎来到此系统<br>--%>
<%--    <span style="font-size: 10px;color: red">${tip}</span>--%>

<%--</div>--%>


<%--</body>--%>
<%--</html>--%>






<%--&lt;%&ndash;--%>
<%--  Created by IntelliJ IDEA.--%>
<%--  User: lenovo--%>
<%--  Date: 2024/6/5--%>
<%--  Time: 14:02--%>
<%--  To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>炫酷欢迎界面</title>--%>
<%--    <style>--%>
<%--        body {--%>
<%--            margin: 0;--%>
<%--            padding: 0;--%>
<%--            background: linear-gradient(to right, #ff7e5f, #feb47b);--%>
<%--            font-family: 'Arial', sans-serif;--%>
<%--            overflow-x: hidden;--%>
<%--        }--%>

<%--        #content {--%>
<%--            width: 1150px;--%>
<%--            height: 800px;--%>
<%--            float: right;--%>
<%--            margin-right: 40px;--%>
<%--            color: #ffffff;--%>
<%--            font-size: 50px;--%>
<%--            display: flex;--%>
<%--            flex-direction: column;--%>
<%--            justify-content: center;--%>
<%--            align-items: center;--%>
<%--            text-align: center;--%>
<%--            background: rgba(0, 0, 0, 0.5);--%>
<%--            border-radius: 20px;--%>
<%--            box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);--%>
<%--            animation: fadeIn 2s ease-in-out;--%>
<%--        }--%>

<%--        #content::before {--%>
<%--            content: '';--%>
<%--            position: absolute;--%>
<%--            top: 0;--%>
<%--            left: -100%;--%>
<%--            width: 200%;--%>
<%--            height: 100%;--%>
<%--            background: rgba(255, 255, 255, 0.1);--%>
<%--            transform: rotate(45deg);--%>
<%--            transition: left 1s ease-in-out;--%>
<%--        }--%>

<%--        #content:hover::before {--%>
<%--            left: 10%;--%>
<%--        }--%>

<%--        .welcome-text {--%>
<%--            font-weight: bold;--%>
<%--            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);--%>
<%--            animation: glow 1.5s infinite alternate;--%>
<%--        }--%>

<%--        .tip {--%>
<%--            font-size: 16px;--%>
<%--            color: #ff0000;--%>
<%--            margin-top: 20px;--%>
<%--            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);--%>
<%--        }--%>

<%--        @keyframes fadeIn {--%>
<%--            from {--%>
<%--                opacity: 0;--%>
<%--            }--%>
<%--            to {--%>
<%--                opacity: 1;--%>
<%--            }--%>
<%--        }--%>

<%--        @keyframes glow {--%>
<%--            from {--%>
<%--                text-shadow: 1px 1px 2px rgba(0, 255, 0, 0.7), 0 0 10px rgba(0, 255, 0, 0.7), 0 0 20px rgba(0, 255, 0, 0.7), 0 0 30px rgba(0, 255, 0, 0.7), 0 0 40px rgba(0, 255, 0, 0.7);--%>
<%--            }--%>
<%--            to {--%>
<%--                text-shadow: 1px 1px 2px rgba(255, 0, 0, 0.7), 0 0 10px rgba(255, 0, 0, 0.7), 0 0 20px rgba(255, 0, 0, 0.7), 0 0 30px rgba(255, 0, 0, 0.7), 0 0 40px rgba(255, 0, 0, 0.7);--%>
<%--            }--%>
<%--        }--%>
<%--    </style>--%>
<%--</head>--%>
<%--<body>--%>
<%--<div id="content">--%>
<%--    <div class="welcome-text">欢迎来到此系统</div>--%>
<%--    <span class="tip">${tip}</span>--%>
<%--</div>--%>
<%--</body>--%>
<%--</html>--%>




<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2024/6/5
  Time: 14:02
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>炫酷欢迎界面</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background: white;
            /*background: linear-gradient(to right, #feb47b , #ea8a73);*/
            /*ff7e5f,feb47b*/
            font-family: 'Arial', sans-serif;
            overflow-x: hidden;
        }

        #content {
            width: 1150px;
            height: 570px;
            float: right;
            margin-right: 40px;
            color: #ffffff;
            font-size: 50px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            background: white;
            /*background: rgba(0, 0, 0, 0.5);*/
            border-radius: 20px;
            /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);*/
            transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out;
        }

        /*#content:hover {*/
        /*    box-shadow: 0 0 50px rgba(0, 255, 255, 0.7), 0 0 100px rgba(0, 255, 255, 0.7), 0 0 150px rgba(0, 255, 255, 0.7);*/
        /*    transform: scale(1.05);*/
        /*}*/

        .welcome-text {
            font-weight: bold;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            animation: glow 1.5s infinite alternate;
        }

        .tip {
            font-size: 16px;
            color: #ff0000;
            margin-top: 20px;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
        }

        @keyframes glow {
            from {
                text-shadow: 1px 1px 2px rgba(0, 255, 0, 0.7), 0 0 10px rgba(0, 255, 0, 0.7), 0 0 20px rgba(0, 255, 0, 0.7), 0 0 30px rgba(0, 255, 0, 0.7), 0 0 40px rgba(0, 255, 0, 0.7);
            }
            to {
                text-shadow: 1px 1px 2px rgba(255, 0, 0, 0.7), 0 0 10px rgba(255, 0, 0, 0.7), 0 0 20px rgba(255, 0, 0, 0.7), 0 0 30px rgba(255, 0, 0, 0.7), 0 0 40px rgba(255, 0, 0, 0.7);
            }
        }
    </style>
</head>
<body>
<div id="content">
    <div class="welcome-text">欢迎来到此系统</div>
    <span class="tip">${tip}</span>
</div>
</body>
</html>
